(function(){
    //解析文档完毕触发
    document.addEventListener('DOMContentLoaded',function(){
        var qianbaoBtn=document.querySelector('.icon-qianbao')
        console.log(qianbaoBtn)

        var 遮罩=document.querySelector('.zhezhao')
        var content=document.querySelector('.loginContent')
        var isShow=false

    qianbaoBtn.addEventListener('click',function(){
        isShow=true;
        遮罩.classList.add('active')
       setTimeout(function(){
        content.style.transfrom='translateX(0)'
       },500)
    })

    var close =document.querySelector('.loginContent')
    close.addEventListener('click',function(){
        isShow=false
        content.style.transfrom='translateX(200px)'           
        })
        content.addEventListener('transitionend',function(){
            if(!isShow){
                遮罩.classList.remove('active')
            }
    })
    
    })
})()